﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>@ViewData["Title"] - WebApplication9</title>
    <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />
    <link rel="stylesheet" href="~/WebApplication9.styles.css" asp-append-version="true" />
    <!-- 自定义样式（保留本地文件引用） -->
    <link rel="stylesheet" href="../css/table.css" type="text/css" />
    @if (@ViewBag.s != "TextController.Login")
    {
        @* <style>
            .qp {
                background-color: #FFFFBB;
            }

            /* 树形菜单样式 */
            .tree-menu {
                list-style: none;
                padding-left: 0;
                font-family: Arial, sans-serif;
            }

            .tree-menu li {
                margin: 4px 0;
                transition: all 0.3s ease;
            }

            /* 隐藏默认的checkbox */
            .tree-menu input[type="checkbox"] {
                display: none;
            }

            /* 自定义展开/折叠图标 */
            .tree-menu label {
                position: relative;
                padding-left: 24px;
                cursor: pointer;
                display: inline-block;
                transition: all 0.3s ease;
            }

            .tree-menu label::before {
                content: "+";
                position: absolute;
                left: 0;
                top: 0;
                width: 16px;
                height: 16px;
                text-align: center;
                line-height: 16px;
                background-color: #f0f0f0;
                border: 1px solid #ccc;
                border-radius: 3px;
                transition: all 0.3s ease;
            }

            .tree-menu label:hover {
                color: #007BFF;
            }

            .tree-menu label:hover::before {
                background-color: #e0e0e0;
            }

            /* 当checkbox选中时显示子菜单 */
            .tree-menu input[type="checkbox"]:checked ~ ul {
                max-height: 1000px; /* 足够大的值以容纳所有子项 */
            }

            .tree-menu input[type="checkbox"]:checked ~ label::before {
                content: "-";
                transform: rotate(180deg);
            }

            /* 子菜单默认隐藏 */
            .tree-menu ul {
                display: block; /* 改为block以便应用动画 */
                list-style: none;
                padding-left: 24px;
                margin: 4px 0;
                overflow: hidden;
                max-height: 0;
                transition: max-height 0.8s ease-out;
            }

            /* 无子菜单的节点样式 */
            .tree-menu li.no-children label::before {
                content: "";
                background: none;
                border: none;
            }

            /* 页面元素淡入动画 */
            .fade-in {
                animation: fadeIn 0.8s ease-in-out;
            }

            v-on:keyframes fadeIn {
                from { opacity: 0; transform: translateY(10px); }
                to { opacity: 1; transform: translateY(0); }
            }

            /* 按钮动画效果 */
            button {
                transition: all 0.3s ease;
                padding: 6px 12px;
                border: 1px solid #ccc;
                background-color: #f8f9fa;
                border-radius: 4px;
                cursor: pointer;
            }

            button:hover {
                background-color: #e2e6ea;
                transform: translateY(-2px);
                box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            }

            button:active {
                transform: translateY(0);
                box-shadow: none;
            }

             /* 表格行悬停效果 */
            tr {
                transition: background-color 0.2s ease;
            } 

             tr:hover {
                background-color: rgba(0, 123, 255, 0.05);
            } 

            /* 导航栏动画 */
            .navbar {
                transition: all 0.3s ease;
            }

            .navbar:hover {
                box-shadow: 0 4px 6px rgba(0,0,0,0.1);
            }

            /* 让已选中的菜单项保持展开状态 */
            .tree-menu input[type="checkbox"][checked] ~ ul {
                max-height: 1000px;
            }
        </style> *@
    }
</head>

<body class="qp fade-in">
    @* @if (@ViewBag.s != "TextController.Login")
    {
        <header>
            <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3">
                <div class="container-fluid">
                    <table width="100%">
                        <tr style="text-align:right;background-color: #FFD553;">
                            <td><h1 style="color:black">人力资源管理系统</h1></td>
                            <td width="480px"><span style="color:black">欢迎您asasasasas</span></td>
                            <td width="100px" style="text-align:center;">
                                <button>退出系统</button>
                            </td>
                        </tr>
                    </table>
                </div>
            </nav>
        </header>
    } *@
    <table width="100%">
        <tr>
            @* @if (@ViewBag.s != "TextController.Login")
            {
                <td width="18%" style="vertical-align:top">
                    <ul class="tree-menu">
                        <li>
                            <input type="checkbox" id="node1" />
                            <label for="node1">招聘管理</label>
                            <ul>
                                <li class="no-children"><label>职位发布管理</label></li>
                                <li class="no-children"><label>简历管理</label></li>
                                <li class="no-children"><label>面试管理</label></li>
                                <li class="no-children"><label>录用管理</label></li>
                            </ul>
                        </li>
                        <li>
                            <input type="checkbox" id="node2" />
                            <label for="node2">人力资源档案管理</label>
                            <ul>
                                <li class="no-children"><label>人力资源档案登记</label></li>
                                <li class="no-children"><label>人力资源档案登记复核</label></li>
                                <li class="no-children"><label>人力资源档案查询</label></li>
                                <li class="no-children"><label>人力资源档案变更</label></li>
                                <li>
                                    <input type="checkbox" id="node2-1" />
                                    <label for="node2-1">人力资源档案删除管理</label>
                                    <ul>
                                        <li class="no-children"><label>人力资源档案删除</label></li>
                                        <li class="no-children"><label>档案删除恢复</label></li>
                                        <li class="no-children"><label>人力资源档案永久删除</label></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <input type="checkbox" id="node3" />
                            <label for="node3">薪酬标准管理</label>
                            <ul>
                                <li class="no-children"><label>薪酬标准登记</label></li>
                                <li class="no-children"><label>薪酬标准登记复核</label></li>
                                <li class="no-children"><label>薪酬标准查询</label></li>
                                <li class="no-children"><label>薪酬标准变更</label></li>
                            </ul>
                        </li>
                        <li>
                            <input type="checkbox" id="node4" />
                            <label for="node4">薪酬发放管理</label>
                            <ul>
                                <li class="no-children"><label>薪酬发放登记</label></li>
                                <li class="no-children"><label>薪酬发放登记复核</label></li>
                                <li class="no-children"><label>薪酬发放查询</label></li>
                            </ul>
                        </li>
                        <li>
                            <input type="checkbox" id="node5" />
                            <label for="node5">调动管理</label>
                            <ul>
                                <li class="no-children"><label>调动登记</label></li>
                                <li class="no-children"><label>调动审核</label></li>
                                <li class="no-children"><label>调动查询</label></li>
                            </ul>
                        </li>
                        <li>
                            <input type="checkbox" id="node6" />
                            <label for="node6">客户化设置</label>
                            <ul>
                                <li>
                                    <input type="checkbox" id="node6-1" />
                                    <label for="node6-1">人力资源档案管理设置</label>
                                    <ul>
                                        <li class="no-children"><label onclick="window.location.href='/JGSZI/Index'">Ⅰ级机构设置</label></li>
                                        <li class="no-children"><label onclick="window.location.href='/EJJGSZ/Index'">Ⅱ级机构设置</label></li>
                                        <li class="no-children"><label onclick="window.location.href='/SJJGSZ/Index'">Ⅲ级机构设置</label></li>
                                        <li class="no-children"><label onclick="window.location.href='/ZCSZ/Index'">职称设置</label></li>
                                        <li class="no-children"><label onclick="window.location.href='/ZWFLSZ/Index'">职位分类设置</label></li>
                                        <li class="no-children"><label onclick="window.location.href='/ZWSZ/Index'">职位设置</label></li>
                                        <li class="no-children"><label onclick="window.location.href='/CPC/Index'">公共属性设置</label></li>
                                    </ul>
                                </li>
                                <li>
                                    <input type="checkbox" id="node6-2" />
                                    <label for="node6-2">薪酬管理设置</label>
                                    <ul>
                                        <li class="no-children"><label onclick="window.location.href='/SSD/Index'">薪酬项目设置</label></li>
                                        <li class="no-children"><label>薪酬发放方式设置</label></li>
                                    </ul>
                                </li>
                                <li>
                                    <input type="checkbox" id="node6-3" />
                                    <label for="node6-3">其他设置</label>
                                    <ul>
                                        <li class="no-children"><label>关键字查询设置</label></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <input type="checkbox" id="node7" />
                            <label for="node7">标准数据报表</label>
                            <ul>
                                <li class="no-children"><label>Excel标准数据报表</label></li>
                                <li class="no-children"><label>Pdf标准数据报表</label></li>
                                <li class="no-children"><label>Xml标准数据报表</label></li>
                            </ul>
                        </li>
                        <li>
                            <input type="checkbox" id="node8" />
                            <label for="node8">权限管理</label>
                            <ul>
                                <li class="no-children"><label>用户管理</label></li>
                                <li class="no-children"><label>角色管理</label></li>
                            </ul>
                        </li>
                    </ul>
                </td>
            } *@
            <td style="vertical-align:top">
                <div class="container">
                    <main role="main" class="pb-3 fade-in">
                        @RenderBody()
                    </main>
                </div>
            </td>
        </tr>
    </table>

    @* <footer class="border-top footer text-muted">
        <div class="container">
            &copy; 2025 - WebApplication9 - <a asp-area="" asp-controller="Home" asp-action="Privacy">Privacy</a>
        </div>
    </footer> *@
    <script src="~/lib/jquery/dist/jquery.min.js"></script>
    <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
    <script src="~/js/site.js" asp-append-version="true"></script>
    @await RenderSectionAsync("Scripts", required: false)
    @* <script src="~/lib/vue.global.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="//unpkg.com/element-plus"></script>
    <script>
        const { createApp, ref, onMounted } = Vue;
        const app = createApp({
            setup() {
                function ggsxsz(){
                    console.info("aa");
                    //router.push('CPC/Index');
                }

                return {
                    ggsxsz
                };
            }
        });


        app.use(ElementPlus).mount('#app');

    </script> *@
</body>

</html>
